#change_sql_task > div#sql_tabs div.sql_info > p {margin:0px;padding-right:10px;padding-left:10px;}
#change_sql_task > div#sql_tabs div.sql_info > p:first-child{margin-top:10px;}
#change_sql_task > div#sql_tabs div.sql_info > p > span{width:39px;}
#change_sql_task > div#sql_tabs div.sql_info > p > input{width:450px;}
#change_sql_task > div#sql_tabs div.sql_info > p > textarea{width:100%;height:calc(100% - 155px);}

#change_sql_task > div#sql_tabs div.sql_history > p:first-child{margin:0px;border-bottom:1px solid #aaa;height:30px;}
#change_sql_task > div#sql_tabs div.sql_history > p:first-child > span:last-child{float:right;margin-right:260px;}
#change_sql_task > div#sql_tabs div.sql_history > div{float:left;width:126px;height:calc(100% - 41px);padding:5px;}
#change_sql_task > div#sql_tabs div.sql_history > div > li{height:23px; line-height:23px;padding:0px 3px;}
#change_sql_task > div#sql_tabs div.sql_history > div > li:hover{background-color:cornsilk;cursor: pointer;}
#change_sql_task > div#sql_tabs div.sql_history > div > li.sel{background-color: #4e9ef3;}
#change_sql_task > div#sql_tabs div.sql_history > div:nth-child(2){border-right:1px solid #aaa;padding:5px 3px;}
#change_sql_task > div#sql_tabs div.sql_history > div#sql_console{
     position: absolute;
     float:right;
     left:139px;
     width:calc(100% - 155px);
     height:calc(100% - 146px);
     background-color: #222;
     color: #eee;
     overflow: auto;
}
#change_sql_task > div#sql_tabs div.sql_history > div#sql_console > p{margin:5px 0px;}

#change_sql_task div#run{
      display: none;
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      background-color:rgba(0,0,0,0.5);
      z-index: 99;

}
#change_sql_task div#run > div{display: none;}
#change_sql_task div#run > div:first-child > p:first-child{margin-top:calc(50% - 150px);text-align:center;margin-bottom:0px;}
#change_sql_task div#run > div:first-child > p:first-child > a{
  color:#fff;
  margin-left:355px;
  padding:5px;
  border-radius: 20px;
  cursor: pointer;
  background-color: #aaa;
  display:inline-block;
  width:15px;
}
#change_sql_task div#run > div:first-child > p:first-child > a:hover{color:red;background-color:#ccc;}
#change_sql_task div#run > div:first-child > div{
    margin:0 auto;
    width:338px;
    height:160px;
    border:1px solid green;
    border-radius: 5px;
    background-color: #efefef;
}
#change_sql_task div#run > div:first-child > div > p > span{width:50px;}
#change_sql_task div#run > div:first-child > div > p > select{ width:200px; height:26px;}
#change_sql_task div#run > div:first-child > div > p:last-child{text-align:center;padding:0;}
#change_sql_task div#run > div:last-child{
   position: absolute;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
}
#change_sql_task div#run > div:last-child > div#run_console{
  text-align:center;
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  background-color:rgba(0,0,0,0.7);
  padding: 10px;
  color: #ccc;
}
#change_sql_task div#run > div:last-child > p:first-child{margin:0px;}
#change_sql_task div#run > div:last-child > p:first-child > a{
  display:inline-block;
  float:right;
  color:#fff;
  padding:0px 0px 5px 5px;
  border-radius: 0px 0px 0px 20px;
  cursor: pointer;
  background-color: #aaa;
  width:15px;
  height:15px;
  background-image: url(icons/clear.png);
  background-repeat:no-repeat;
  background-position: 4px 0px;
}
#change_sql_task div#run > div:last-child > p:first-child > a:hover{color:red;background-color:#ccc;}
